<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>BtnGroup</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>



<div class="btn-group">
	<button type="button" class="btn btn-default">按钮 1</button>
	<button type="button" class="btn btn-default">按钮 2</button>
	<button type="button" class="btn btn-default">按钮 3</button>
</div>

<script>
$(".btn-group").find('.btn').click(function(){
$curBtn=$(this)
console.log($curBtn.text());
//$curBtn.siblings().each(function(){$(this).removeClass("btn-success")});
$curBtn.siblings().removeClass("btn-success");
$curBtn.addClass("btn-success");
});
</script>

</body>
</html>


